<template>
  <div>
    <pre v-html="data"></pre>
    <el-row>
      <el-col :span="2" style="margin-left: 85px">
        <span>优惠类型</span>
      </el-col>
      <el-col :span="5">
        <el-select
          filterable
          size="mini"
          style="margin-bottom: 15px; max-width: 100%"
          v-model="$store.state.edit.row.offerType"
          placeholder="请选择优惠类型"
          @change="countryStateSourceSelect"
        >
          <el-option
            v-for="(item, value) in $store.state.edit.entry.sources
              .offerTypeSource"
            :key="value"
            :label="item"
            :value="Number(value)"
            @mouseover="offerTypeSourceSelectNote(value)"
          />
        </el-select>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { ajax } from "@/store/yg/common/utils";

export default {
  props: ["data"],
  data() {
    return {
      // countryId: this.$store.state.edit.row.countryId,
      // provinceId: this.$store.state.edit.row.provinceId,
      // //国内分区
      offerTypeNoteSource: {},
    };
  },
  mounted() {
    //this.countryStateSourceSelect();
    if (key !== "") {
      this.offerTypeNoteSource = ajax("offerTypeSourceSelectNote");
    } else {
      this.offerTypeNoteSource = {};
    }
  },
  methods: {
    async offerTypeSourceSelectNote(key) {
      // var data = {};
      // data["countryId"] = this.$store.state.edit.row.countryId;
    },
  },
};
</script>
